@charset "UTF-8";

/* -------------------------------------------------
 * 公共部分
 * ------------------------------------------------- */

body {
	background:#e5e5e5 url(https://gitee.com/hzleii/resume/raw/master/assets/images/background.png);
	width:100%;
	overflow-x:hidden;
	padding:1rem 10%;
	padding-bottom:0;
	box-sizing:border-box;
	font-size:.9em;
}
body .fa {
	margin-right:.3em;
}
body .info-unit {
	margin-bottom:1rem;
}
body .info-unit h2 {
	font-weight:700;
}
body .info-unit h3 {
	font-weight:300;
}
.qrcode {
	text-align: center;
}
.qrcode h2 {
	text-align: left;
}
.qrcode img {
	width: 79%;
}
.fontweight {
	font-weight: 450;
}

/* -------------------------------------------------
 * 头部部分
 * ------------------------------------------------- */
.header {
	display:none;
}

/* -------------------------------------------------
 * 主体部分
 * ------------------------------------------------- */
.container .side {
	position:absolute;
	width:20rem;
	background:#fff;
	border-radius:5px;
	box-shadow:0 5px 20px #bbb;
	box-sizing:border-box;
	padding:1rem;
}
.container .side .me {
	text-align:center;
	margin-bottom:2rem;
}
.container .side .me .portrait {
	margin:0 auto;
	margin-bottom:1rem;
	width:8rem;
	height:8rem;
	overflow:hidden;
	position:relative;
}
.container .side .me .portrait .loading {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:8rem;
	height:4rem;
	margin:0 auto;
}
.container .side .skill ul li {
	padding-left: 20px;
}
.container .side .skill ul li progress {
	float: right;
	margin-right: 20px;
}
.container .side .contact ul li {
	padding-left: 20px;
}
.container .side .contact ul li .fontweight {
	float: right;
	margin-right: 20px;
}
.container .side .profile ul li {
	padding-left: 20px;
}
.container .side .profile ul li .fontweight {
	float: right;
	margin-right: 20px;
}
.container .side .stack ul li {
	padding-left: 20px;
}
.container .side .stack ul li span {
	float: right;
	margin-right: 20px;
}
.container .side .me .portrait img {
	/* display:none;
	*/
  width:8rem;
  height:8rem;
  border-radius:50%;
}
.info-unit {
	margin:0 auto;
}
.container .main {
	position:relative;
	margin-left:22rem;
	background:#fff;
	border-radius:5px;
	box-shadow:0 5px 20px #bbb;
	box-sizing:border-box;
	padding:1rem;
}
.container .main .info-unit ul {
	box-sizing:border-box;
	padding-left:1.2rem;
	padding-right:0.8rem;
}
.container .main .info-unit ul li {
	margin-bottom:1rem;
	list-style:disc;
}
.container .main .info-unit ul li h3 .link {
	font-size:.5rem;
	border:1px solid #4db6ac;
	padding:1px 3px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:.5rem;
}
.container .main .info-unit ul li h3 time {
	text-align:right;
	float:right;
}
.container .main .info-unit ul li .info-content li {
	list-style:circle;
	margin:0;
}
.container .main .info-unit ul li .info-content .fa {
	font-size:1em;
}
.container .main .work p {
	margin-left: 20px;
}

/* -------------------------------------------------
 * 文档底部
 * ------------------------------------------------- */
.footer {
	width:100%;
	margin-top:1rem;
	height:2rem;
}
.footer p {
	line-height:2rem;
	text-align:center;
	font-size:0.8rem;
}

/* -------------------------------------------------
 * 自定义部分
 * ------------------------------------------------- */
.fa {
	font-size:1.2em;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
}
hr {
	margin-bottom:.4em;
}
aside {
	position:fixed;
	right:0;
	top:30%;
	z-index:2;
}
aside ul li {
	margin-bottom:10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:19px 0 0 10px;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
	background:#1abc9c;
}
aside ul li a {
	display:inline-block;
	width:80px;
	height:38px;
	line-height:38px;
	padding-left:10px;
	color:#fff;
}
progress {
	background-color:#f6f6f6;
	display:inline;
	/* width:195px; */
  height:1em;
}
progress::-webkit-progress-bar {
	background-color:#e0eaf0;
}
progress::-webkit-progress-value {
	background-color:#1abc9c;
}
progress::-moz-progress-bar {
	background-color:#e0eaf0;
}
progress::-moz-progress-value {
	background-color:#708d9b;
}
.progress-list {
	line-height:2;
}
mark {
	background:rgba(232,232,232,0.8);
}

@media screen and (max-width:1169px) {
  .container .info-unit h3 span {
    display:block;
  }
  .container .info-unit h3 span.link {
    display:inline;
  }
  .container .project h3 span {
    display:inline;
  }
  .container .project h3 time {
    display:block;
  }
  .container .main .info-unit ul li h3 time {
    float:none;
    text-align:left;
  }
}

@media screen and (max-width:1034px) {
  body {
    padding:1rem 3%;
  }
}

@media screen and (max-width:750px) {
  .container .side {
    position:static;
    width:95%;
    margin:0 auto;
  }
  .container .main {
    position:static;
    margin-left:0;
    width:95%;
    margin:0 auto;
    margin-top:1.5rem;
  }
  #nav-m {
    display:none;
    position:fixed;
    width:28px;
    height:28px;
    right:10px;
    bottom:20px;
    box-shadow:0 5px 20px #bbb;
    border-radius:50%;
  }
  #nav-m svg {
    width:28px;
    height:28px;
  }
  aside {
    display:none;
  }
}/*# sourceMappingURL=index.css.map */